<br>
<br>
<section ng-controller="FoodCtrl as fm">
    <div >
        <!--首页-->
        <div class="concontainer " style=" margin-top: 1%;">
            <div class="col-md-offset-1 col-md-10">
                    <div class="well center-block">
                    <div class="panel panel-success" >
                        <div class="panel-heading" align="center">
                            <h3>菜品列表详情</h3>
                        </div>
                        <div class="panel-body" id="foodList" style="height: 685px; overflow:auto; background-image: url(http://localhost:3456/images/all/home10.jpg);">
                            <div ng-repeat="food in fm.foods">
                                <div class="col-md-3 col-md-offset-1 panel panel-success">
                                    <div class="panel-heading" align="center">
                                        <strong id="name">{{food.name}}</strong></div><div class="panel-body">
                                            <div class="caption" align="center"><img width="120" height="120"  alt="菜品图片信息无法显示" class="img-rounded" ng-src="{{food.image}}"/>
                                                <h4>
                                                    <label>类型:&nbsp;</label>
                                                    <label id="typeName">{{food.type}}</label>
                                                </h4>
                                                <h4>
                                                    <label >价格:&nbsp;{{food.price}}</label>
                                                    <label id="price"></label><label>￥</label>
                                                </h4>
                                                <p><a type="button" id="updateBtn" class="btn btn-success" ng-click="fm.update(food)">更新</a>
                                                    <a id="deleteBtn" type="button" class="btn btn-warning" ng-click="fm.delete(food)">删除</a>
                                                    <!-- <a id="recommentBtn" type="button" class="btn btn-success" >推荐</a> -->
                                                </p>
                                            </div>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="panel-heading" align="center">
                            <p><a type="button" class="btn btn-success" data-target="#addModel" data-toggle="modal" ng-click="fm.add()">添加菜品</a></p>
                        </div>
                    </div>

            </div>
        </div>
        
    </div>
</section>